<template>
    <div>
       <mu-appbar style="width: 100%;" color="success">
              <mu-button icon slot="left" to="/login">
              <mu-icon value="arrow_back"></mu-icon>
              </mu-button>
                注册
       </mu-appbar>
 <mu-container class="reg">
  
     <h2 style="color:#c5cae9;"> 用户注册类型 </h2><br>

 <mu-container class="button-wrapper">
  <mu-flex justify-content="center" align-items="center">
    <mu-button round color="success" to="/register/Preg">
     <mu-icon value="person"></mu-icon>个人注册</mu-button>
  </mu-flex>
  <br>
  <mu-flex justify-content="center" align-items="center">
    <mu-button round color="primary" to="/register/Oreg">
    <mu-icon value="home"></mu-icon>组织注册</mu-button>
  </mu-flex>
  <br>
</mu-container>
  

</mu-container>

    
    </div>
</template>
<script>
import axios from "axios";
export default {
    data(){
return{
    
}


    },

}
</script>
<style lang='less'>
.reg {
    position: relative;
    top:30px;
}
.button-wrapper {
  text-align: center;
  .mu-button{
    margin: 8px;
    vertical-align: middle;
  }
  a.mu-button {
    text-decoration: none;
  }
}
</style>